import React, { memo } from 'react';
import Lazyload from 'react-lazyload'
import loading from '../../../../assets/images/loading.gif'
import './ListItem2.less'

const ListItem1 = (props) => {
    const { item } = props;
    console.log(item.type, 'lllllllllllllllllllllllllllllllllllllllllllll')

    return (
        <>
            <div className="listitem1all">
                <div className="title1">
                    {item.title}
                </div>
                
                <div className="ListItem-img">

                    <div className="ListItem-content__img">
                        <video muted autoPlay="autoPlay" loop >
                            <source src="https://lf9-static.bytednsdoc.com/obj/eden-cn/uhbfnupkbps/video/earth_v6.mp4"
                                type="video/webm" />
                            Sorry, your browser doesn't support embedded videos.
                        </video>
                    </div>

                    <div className="footer">

                        <div className="writer">
                            {item.writer}
                        </div>
                        <div className="time">
                            {item.time}
                        </div>
                    </div>

                </div>

                <p className="spanblack"></p>
            </div>
        </>

    )
}

export default ListItem1
